<template>
	<view class="container">
		<tui-card :image="card[0].img" :title="card[0].title" :tag="card[0].tag" @click="detail(0)">
			<template v-slot:body>
				<view class="tui-article">
					<image src="https://www.thorui.cn/extend/welfare/llb_banner.png" mode="widthFix" class="tui-welfare__img"></image>
					<view class="tui-common tui-welfare__title">邻邻邦商城</view>
					<view class="tui-common tui-welfare__desc">该项目包含前后端，由第三方开发，非ThorUI自己的产品，点击查看详细介绍。</view>
				</view>
			</template>
		</tui-card>
	</view>
</template>

<script>
export default {
	data() {
		return {
			card: [
				{
					img: {
						url: '/static/images/my/mine_icon_app_3x.png',
						width: 60,
						height: 60,
						circle: true
					},
					title: {
						text: '邻邻邦商城',
						color: '#586c94',
						size: 32
					},
					tag: {
						text: '第三方应用',
						size: 26
					}
				}
			],
			show: false,
			index: 0
		};
	},
	methods: {
		close() {
			this.show = false;
		},
		detail(index) {
			let url = '/pages/intro/llb/llb'
			this.tui.href(url);
		}
	},
	onShareAppMessage: function(e) {
		return {
			title: '付费成品'
		};
	}
};
</script>

<style>
.container {
	padding: 20rpx 0 80rpx;
}

.tui-welfare__img {
	width: 100%;
	min-height: 295rpx;
	height: auto;
	display: block;
}

.tui-common {
	width: 100%;
	padding: 0 30rpx;
	box-sizing: border-box;
}

.tui-welfare__title {
	padding-top: 24rpx;
	padding-bottom: 12rpx;
	font-size: 34rpx;
}

.tui-welfare__desc {
	font-size: 28rpx;
	color: #888;
	padding-bottom: 30rpx;
}

.tui-mtop {
	margin-top: 40rpx;
}

.tui-desc__title {
	width: 100%;
	padding: 30rpx;
	box-sizing: border-box;
}
.thorui-article__h2 {
	padding-top: 30rpx;
}
.tui-tips {
	font-size: 26rpx;
	color: #999;
}
.tui-btn__box {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	padding: 50rpx 0;
}
</style>
